.sidenav {
    background: #ffffff;
    display: block;
    font-size: 16px;
    font-weight: 400;
    height: 100%;
    left: 0;
    position: fixed;
    overflow: auto;
    display: none;
    transition: transform .3s;
    top: 60px;
    width: 100%;
    z-index: 100;
}

.sidenav.show {
	display: block;
}

.sidenav-brand {
    background: #ffffff;
    padding: 10px 0px 8px 15px;
    margin-bottom: 10px;
    border-bottom: 1px solid #f6f6f6;
}

.sidenav-dropdown {
	border-bottom: 1px solid #f6f6f6;
	margin: 0
}

.sidenav-header {
	border-top: 1px solid #f25a29;
    padding: 0px 0px 15px 0px;
    margin-top: 10px;
}

.sidenav-header small {
	display: block;
	font-size: 14.4px;
	line-height: 16px
}

.sidenav-menu {
	list-style: none;
	margin: 0;
	padding: 0
}

.sidenav-menu li {
	display: block;
	position: relative;
    border-bottom: 1px solid #dedede;
}

.sidenav-menu a {
	font-size: 16px;
    background: 0 0;
    color: #a9060b;
	display: block;
	line-height: 24px;
	padding: 16px 32px;
	text-decoration: none
}



.sidenav-menu a.active,.sidenav-menu a.active .sidenav-dropdown-icon,.sidenav-menu a.active .sidenav-link-icon {
	color: #1e8c44;
}

.sidenav-dropdown-icon,.sidenav-link-icon {
	color: #757575;
	position: absolute;
	text-align: center;
	top: 12px
}

.sidenav-link-icon {
	display: block;
	height: 24px;
    left: 70px;
	width: 24px
}

.sidenav-link-title {
	display: block;
	padding: 0 16px 0 40px;
	text-transform: uppercase;
}

.sidenav-dropdown {
	display: none;
	list-style: none;
	padding: 0
}
.sidenav-menu .sidenav-dropdown li:last-child {
    border-bottom: 0;
}

.sidenav-dropdown a {
	background: #f6f6f6;
    font-size: 14px;
    color: #000;
}

.sidenav-dropdown a:hover {
	background: #f3f3f3;
    color: #000;
}

.sidenav-dropdown li:first-child a {
	box-shadow: inset 0 1px 1px rgba(0,0,0,.1)
}

.sidenav-dropdown-icon {
	display: none;
	height: 16px;
	right: 16px;
	width: 16px
}
.sidenav-dropdown-icon img {width:14px;}

.sidenav-dropdown-icon.show {
	display: block
}

.sidenav-overlay {
	background: rgba(14, 14, 14, 0.8);
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99
}

.sidenav-no-scroll {
	overflow: hidden!important
}

.sidenav-menu.lang a {padding: 16px 0px 16px 64px;}



/*phone*/

.mobile-head,
.phone-box,
.phone_left_menu {display:none !important;}

@media (max-width: 1024px) {

.header {display: none;}

.mobile-head,
.phone-box,
.phone_left_menu {
    display: block  !important;
}
.index_wrap {
    overflow: hidden;
    padding-top: 60px;
    height: 510px;
}    
html { overflow-x: hidden;}
.win-head {display:none;}	
.mobile-head {
    display:block;
    background: #da2128;
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 999999;
    height: 60px;
}	
.mobile-logo { padding-left: 10px;}
.mobile-logo img { 
    width: 270px;
    padding-top: 8px;
}
.mobile-nav {margin-top: 18px; padding-right: 15px;}
.mobile-nav .toggle {display: block;}
.mobile-nav .toggle img {width:30px;} 
.mobile-nav .toggle .navico2 {display: none;}
.sidenav-no-scroll   .toggle .navico {display: none;}
.sidenav-no-scroll  .toggle .navico2 {display: block;}


.w1200 {width: 100%;}
.area-1 {
    position: relative;
    width: 100%;
    height: auto;
    margin-bottom: 0;
}
.area-1 .banner {
    position: relative;
    width: 100%;
    float: none;
    height: 300px;
    overflow: hidden;
}
.area-1 .banner .slideBox .hd {display: none;}
.area-1 .banner .slideBox .bd {
    position: relative;
    height: 300px;
}
.area-1 .banner .slideBox .prev, .area-1 .banner .slideBox .next {opacity: 1;}

.area-1 .banner .slideBox .banner-img {height: 300px;}
.area-1 .banner .slideBox .banner-txt {height: 50px;padding-bottom: 0;}
.area-1 .banner .slideBox .banner-txt h2 {
    padding-right: 10px;
    padding-left: 10px;
    font-size: 16px;
}
.area-1 .txt-scroll {
    width: 90%;
    float: none;
    height: 430px;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 30px;
}
.base-t h3 {font-size: 22px;}
.base-t h3 span {font-size: 16px;}
.area-2 {
    padding: 30px 0;
}
.area-2 .box.fl {
    width: 90%;
    margin: 0 auto;
    float: none;
}
.area-2 .pic_text ul li .picbox {
    height: 125px;
}
.area-2 .pic_text ul li .pic {height: 125px;}
.area-2 .pic_text ul li .text h3 {height: auto;}
.area-2 .pic_text .li1, 
.area-2 .pic_text .li2, 
.area-2 .pic_text .li3 {
    width: 100%;
    padding-right: 0px;
    float: none;
    margin-bottom: 10px;
}
.area-2 .pic_text ul .li1 .text h3, .area-2 .pic_text ul .li2 .text h3, .area-2 .pic_text ul .li3 .text h3 {
    height: auto;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.area-2 .pic_text ul li .text {
    margin: 5px 0 5px;
}
.area-2 .pic_text .li4, .area-2 .pic_text .li5, .area-2 .pic_text .li6, .area-2 .pic_text .li7, .area-2 .pic_text .li8 {
    position: relative;
    width: 100%;
    float: none;
    padding-right: 0;
    border-bottom:none;
    margin-bottom: 10px;
}
.area-2 .pic_text ul .li4 .date .view, .area-2 .pic_text ul .li5 .date .view, .area-2 .pic_text ul .li6 .date .view, .area-2 .pic_text ul .li7 .date .view, .area-2 .pic_text ul .li8 .date .view {
    display: block;
}

.in-member__slick li {
    width: 33%;
}
.in-alliance__member {height: auto;}
.area-3 .base-t {
    margin-bottom: 0px;
}
.in-alliance__member.mt-30 {
    margin-top: 0;
}
.in-member__dots {
    position: absolute;
    right: 50%;
    bottom: 10px;
    font-size: 20px;
    cursor: pointer;
    z-index: 2;
    width: 140px;
    margin-right: -70px;
}
.in-member__slick .item-box {
    background: #fff;
}
.in-member__slick .pic-front {width: 80%;}
.in-member__caption {
    padding-right: 0;
}
.area-6 ul {display: block;}
.area-6 ul li {
    width:90%;
    margin: 0 auto;
    margin-bottom: 20px;
}
.area-6 ul li:hover {
    width: 90%!important;
}
.area-6 ul li:hover .black_cover {
    background: url(/css/images/black20.png) repeat;
}
.area-6 ul li:hover .text {
    margin-top: 106px;
}
.area-6 ul li .text {
    left: 20px;
    right: 20px;
    margin-top: 106px;
}
.area-6 {
    padding: 40px 0px 0;
}

.area-5 .base-t {
    width: 90%;
    margin: 0 auto;
    margin-bottom: 20px;
}
.area-5 .x-scroll {
    overflow-x: scroll;
    margin-left: 5%;
}
.area-5 .phone-box {
    text-align: right;  
    padding-right: 5%;
}
.area-5 ul {
    width: 1250px;
    margin-top: 10px;
}
.area-5 ul li:hover .fm img {
    transform: scale(1);
}
.area-5 ul li h3 {
    font-size: 15px;
    text-align: left;
    padding-top: 15px;
    white-space: normal;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
#topcontrol {
    right: 10px !important;
}
.footer_coperator .friend {
    width: 90%;
    float: none;
    margin: 0 auto;
}
.footer_coperator .friend ul li {
    float: left;
    margin: 0px 2% 10px 0;
    width: 48%;
}
.footer_coperator ul li img {
    width: 100%;
    max-width: 152px;
}
.footer_coperator .partner {
    width: 90%;
    margin: 0 auto;
    float: none;
    margin-top: 10px;
}
.footer .footer_coperator {
    padding: 30px 0 20px;
}

.inbanner {
    margin-top: 60px;
    height: 200px;
}
.inbody .left_menu {display: none;}
.inbody .w1200 {
    min-height: auto;
    margin-top: 0;
}
.inbody .right-box {
    margin-left: 0;
    padding: 15px 20px 20px;
}
.inbody .right-box .abot_body h1 {
    margin-bottom: 20px;
    background: none;
    background-size: 30px;
    padding-left: 0;
    font-size: 20px;
    text-align: center;
}
.right-box .abot_body .zongzhi,
.right-box .abot_body .gongzuo {
    background: none;
    padding-left: 0;
    margin-bottom: 0;
}
.right-box .abot_body h2 {
    margin-top: 10px;
    font-size: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #dadada;
    padding-top: 20px;
}
.abot_body .mission .item {
    width: 100%;
    float: none;
    margin-right: 20px;
    background-color: #b6151d;
    height: auto;
    margin-top: 10px;
    padding-bottom: 20px;
}
.abot_body .mission .item h3 {
    padding-top: 20px;
}    
.phone_left_menu {
    display: block;
    width: 97%;
    margin: 0 auto;
    padding-top: 15px;
}
.phone_left_menu li {
    float: left;
    width: 30%;
    margin-left: 1.5%;
    margin-right: 1.5%;
    margin-bottom: 1.5%;
    background: #eee;
    text-align: center;
    height: 40px;
    line-height: 40px;
}
.phone_left_menu li.current {
    background: #d81e12;
}
.phone_left_menu li.current a {
    color: #fff;
}
.leader_body .hz .photo {
    width: 300px;
    float: none;
    margin: 0 auto;
}
.leader_body .hz .neir {
    width: 100%;
    margin: 0 auto;
    float: none;
}
.leader_body .hz .neir p {
    font-size: 28px;
    display: block;
    text-align: center;
}
.leader_body .hz .neir span {color: #333;}
.leader_body .fhz {
    width: 95%;
    margin: 0 auto;
    margin-bottom: 30px;
}
.leader_body .fhz li {
    float: left;
    width: 47%;
    margin-right: 1.5%;
    margin-left: 1.5%;
}
.leader_body .fhz .photo {height: 210px;}
.leader_body .fhz li .name {
    background: rgb(196 166 93);
    padding: 5px;
    color: #fff;
    position: relative;
    bottom: 0;
    width: auto;
    font-size: 13px;
    height: 66px;
}
.leader_body .fhz li h4 {bottom: 85px;}
.inbody .leader-right-box {
    padding: 15px 0px 0px;
}
.inbody .leader-right-box .position {width: 90%; margin: 0 auto;margin-bottom: 20px;}
.leader_body .hz {width: 90%; margin: 0 auto;    margin-bottom: 30px;}
.inbody .right-box .position {text-align: left;}
.inbody .right-box .content_body h1 {
    line-height: 34px;
    text-align: justify;
    font-size: 24px;
}
.inbody .right-box .content_body .date {margin-bottom: 20px;}

.right-box .content_body .prev-next .pa {
    position: relative;
    right: 0;
    top: 0;
    background: url(/css/images/icon14.png) left no-repeat;
    background-size: 14px;
    padding-left: 18px;
    color: #da2713;
}

.sidenav .pa {
    right: 0;
    bottom: 0;
}
.sidenav .pa img {display: block;}
.index_ar img {
    max-width: 100%;
}
.inbody .right-box .content_body .zwen iframe {
    width: 100%;
    height: 290px;
}
.inbody .right-box .news_ul li a {
    padding-right: 0;
    white-space: normal;
    font-size: 16px;
}
.inbody .right-box .news_ul li span {
    position: relative;
    right: auto;
}  
.right-box .kanwu_ul {
    width: 100%;
}
.right-box .kanwu_ul li {
    float: left;
    width: 47%;
    margin-right: 1.5%;
    margin-left: 1.5%;
} 
.right-box .kanwu_ul li .cover img {
    display: block;
    height: auto;
    width: 100%;
    height: 213px;
}   
.right-box .kanwu_ul li:hover .name {opacity: 0;}


}


/*pad*/
@media (min-width: 768px) and (max-width:1024px ) {

}

/*pad pro*/
@media (min-width: 1024px) and (max-width:1199px ) { 

}

/*phone5*/
@media (max-width: 360px) {}